<script setup>
// 二手产品详情
import { ref, onMounted } from 'vue'
import { twohandinfoApi } from '../../api/index'
import { ElMessage, ElMessageBox } from 'element-plus'
import { useRouter,useRoute } from 'vue-router'
const route = useRoute()
const id = ref(route.query.id)
const data = ref({})
const getinfo = async function () {
    const msg = await twohandinfoApi({
        Id:id.value
    })
    if (msg.data.code == 0) {
        data.value = msg.data.data
    }
}
onMounted(() => {
  getinfo()
})
</script>
<template>
    <div class="main" >
    <div class="main_cpxx s12">
    <div class="list_xxgm_list">
	    <div class="pic">
		  <div class="pic_dt" style="z-index:999;"><img alt="" :src="data.thumb" style="width:300px;height:230px" /></div>
	  </div>
	    <div class="text">
		  <h1 class="xxbt">{{ data.title }}</h1>
          <div class="xxnr">
            <dl>
              <dt>商品编号：</dt>
              <dd>G4EB2368C98218</dd>
            </dl>
            <dl>
              <dt>促 销 价：</dt>
              <dd class="jgzt">￥ {{ data.price }}</dd>
            </dl>
          </div>
          <div class="xxbt2">
            <div class="xxbt11">
            购买请联系：{{ data.tel }}
            </div>
          </div>
          <div class="xxbt_sm" v-html="data.text"></div>
		
	  </div>
    </div>
    </div>
    </div>
<div style="clear:both"></div>
</template>